<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>四川长虹电器股份有限公司</title>
    <link rel="stylesheet" href="css/top.css">
    <link rel="stylesheet" href="css/middle.css">
    <link rel="stylesheet" href="css/footer.css">
    <link rel="stylesheet" href="css/fonts.css">
    <link rel="stylesheet" href="css/dropdown.css">
    <link rel="icon" href="img/WEBlogo.png" type="image/x-icon">
    <script src="js/slide.js"></script>
</head>
<body>
<div id="iot_whole"><!--将整个页面放在最外层一个大盒子里-->

    <!--最顶上欢迎栏-->
    <div class="iot_welcome">
        <div class="iot_welcome_wrap">
            &nbsp;&nbsp;&nbsp;你好！欢迎进入&nbsp;&nbsp;&nbsp;&nbsp;四川长虹电器股份有限公司
        </div>
    </div>
    <!--  -->

    <!--黑色工具栏-->
    <div class="iot_top">
        <div class="iot_wrap">
            <ul class="iot_left">
                <li style="background: #555555;"><a href="">长虹商城</a></li>
                <li><a href="">关于长虹</a></li>
                <li><a href="">投资者关系</a></li>
                <li><a href="">商务合作</a></li>
                <li><a href="">企业采购</a></li>
                <li><a href="">加入我们</a></li>
                <li><a href=""><i class="iconfont">&#xe844;</i>&nbsp;English</a></li>
            </ul>
            <ul class="iot_right">
                <li class="iot_login" id="login"><a href="">登录</a></li>
                <li id="shuxian"><a href="#"><span style="color: white;">|</span></a></li>
                <li class="iot_register" id="register"><a href="#">注册</a></li>
                <li class="iot_three"><a href="#"><i class="iconfont" style="color:white">&#xe632;</i>&nbsp;我的长虹</a>
                    <div id="mych">
                        <div id="mychtop">
                            <div id="mychtopleft"><p><img src="img/mych.jpg" alt=""></p></div>
                            <div id="mychtopright">
                                <p style="font-size: large;"><a href="#">您好请登录</a></p>
                                <p style="font-size: small;"><a href="#">账户设置</a></p>
                            </div>
                        </div>
                        <div id="mychdown">
                            <p>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">我的订单</a>&nbsp;&nbsp;&nbsp;&nbsp;<span>|</span>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">我的预约</a>&nbsp;&nbsp;&nbsp;&nbsp;</p>
                            <p>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">家电管家</a>&nbsp;&nbsp;&nbsp;&nbsp;<span>|</span>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">服务记录</a>&nbsp;&nbsp;&nbsp;&nbsp;</p>
                            <p>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">我的收藏</a>&nbsp;&nbsp;&nbsp;&nbsp;<span>|</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>
                        </div>
                    </div>
                </li>
                <li class="iot_three"><a href="#"><i class="iconfont">&#xe7ac;</i>&nbsp;虹创有品</a>
                    <div id="hcyp">
                        <img src="img/QRcode.jpg" alt="">
                    </div>
                </li>
                <li class="iot_three"><a href="#"><i class="iconfont">&#xe600;</i>&nbsp;&nbsp;购物车</a>
                    <div id="shopcar">
                        <p style="color: #555555;">购物车中还没有商品，赶紧选购吧</p>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <!---->

    <!--导航栏-->
    <div class="iot_nav">
        <div class="iot_nav_wrap">
            <div class="iot_logo">
                <a href="index.html" id="logo">
                <img src="img/logo.png">
                </a>
            </div>
            <div class="iot_nav_list">
                <ul>
                    <li><a style="color: red;" href="#">首页</a></li>
                    <li id="tv"><a href="#">电视</a></li>
                    <li id="air"><a href="#">空调</a></li>
                    <li id="binx"><a href="#">冰箱</a></li>
                    <li id="xiyiji"><a href="#">洗衣机</a></li>
                    <li id="jiadian"><a href="#">生活家电</a></li>
                    <li id="serve"><a href="#">服务</a></li>
                </ul>
            </div>
            <div class="iot_search">
                <input id="search" type="text" value="Q6D">
                <button id="searchbtn"><i class="iconfont" style="font-size: x-large;">&#xe631;</i></button>
            </div>
        </div>
    </div>
    <!--  -->

    <!--固定左侧栏-->
    <div class="iot_fixed_left">
        <div class="iot_fix active"><a href="#">&nbsp;&nbsp;热门</a></div>
        <div class="iot_fix"><a href="#">&nbsp;&nbsp;电视</a></div>
        <div class="iot_fix" id="airdiv"><a href="#" id="air_a">&nbsp;&nbsp;空调</a></div>
        <div class="iot_fix"><a href="#">&nbsp;&nbsp;水洗</a></div>
        <div class="iot_fix"><a href="#">&nbsp;&nbsp;生活</a></div>
        <div class="iot_fix"><a href="#">&nbsp;&nbsp;周边</a></div>  
    </div>
    <!---->

    <!--固定右侧栏-->
    <div class="iot_fixed_right">
       <div><a href="#" style="color: white;background-color: red;display: block;  width: 40px; height: 40px;line-height: 18px;">企业采购</a></div>
       <div><a href="#" class="iconfont" style="font-size: xx-large;background-color: gray;display: block; width: 40px;height: 40px;color: white;">&#xe600;</a></div>
       <div><img src="img/asideright2.jpg"></div>
       <div id="special_div"><img src="img/aisderight3.jpg"></div>
    </div>
    <!---->

    <!--轮播图-->
    <div class="iot_slide">
        <div class="iot_slide_wrap">
            <div class="iot_dropdown-up" id="example_one">
                <!--顶部的下拉菜单-->
                <div></div>
                <div></div>
                <div>热门推荐</div>
                <div>
                    <img src="img/tv1.png">
                    <h6>85Q10ART MAX</h6>
                    <p>￥37997.00</p>
                </div>
                <div>
                    <img src="img/tv2.png">
                    <h6>85Q10ART MAX</h6>
                    <p>￥37997.00</p>
                </div>
                <div>
                    <img src="img/tv1.png">
                    <h6>85Q10ART MAX</h6>
                    <p>￥37997.00</p>
                </div>
                <div>
                    <img src="img/tv2.png">
                    <h6>85Q10ART MAX</h6>
                    <p>￥37997.00</p>
                </div>
            </div>
            <!--左侧的下拉菜单-->
            <div class="iot_dropdown-left" id="example_two-1">
                <div><img src="img/ddleft1.jpg"><span><a href="#">激光电视</a></span></div>
                <div><img src="img/ddleft2.jpg"><span><a href="#">智能电视</a></span></div>
                <div><img src="img/ddleft1.jpg"><span><a href="#">超高清</a></span></div>
                <div><img src="img/ddleft2.jpg"><span><a href="#">8K电视</a></span></div>
                <div><img src="img/ddleft1.jpg"><span><a href="#">商用显示</a></span></div>
            </div>
            <div class="iot_dropdown-left" id="example_two-2">
                <div><img src="img/ddleft6.jpg"><span><a href="#">CHiQ电视</a></span><p></p>
                    <hr>
                    <div class="iot_inbox">
                        <div>
                            |&nbsp;&nbsp;<a href="#">Q8RMAX&nbsp;&nbsp;</a>
                            |&nbsp;&nbsp;<a href="#">Q8K&nbsp;&nbsp;</a>
                            |&nbsp;&nbsp;<a href="#">Q8R&nbsp;&nbsp;</a>
                            |&nbsp;&nbsp;<a href="#">Q8TPRO&nbsp;&nbsp;</a>
                            |&nbsp;&nbsp;<a href="#">Q8L&nbsp;&nbsp;</a>
                            |&nbsp;&nbsp;<a href="#">Q8V&nbsp;&nbsp;</a>
                            |&nbsp;&nbsp;<a href="#">Q7S&nbsp;&nbsp;</a>
                        </div>
                    </div>
                </div>
                <div><img src="img/ddleft6.jpg"><span><a href="#">CHiQ电视</a></span><p></p>
                    <hr>
                    <div class="iot_inbox">
                        <div>
                            |&nbsp;&nbsp;<a href="#">Q8RMAX&nbsp;&nbsp;</a>
                            |&nbsp;&nbsp;<a href="#">Q8K&nbsp;&nbsp;</a>
                            |&nbsp;&nbsp;<a href="#">Q8R&nbsp;&nbsp;</a>
                            |&nbsp;&nbsp;<a href="#">Q8TPRO&nbsp;&nbsp;</a>
                            |&nbsp;&nbsp;<a href="#">Q8L&nbsp;&nbsp;</a>
                            |&nbsp;&nbsp;<a href="#">Q8V&nbsp;&nbsp;</a>
                            |&nbsp;&nbsp;<a href="#">Q7S&nbsp;&nbsp;</a>
                        </div>
                    </div> 
                </div> 
                <div><img src="img/ddleft6.jpg"><span><a href="#">CHiQ电视</a></span><p></p>
                    <hr>
                    <div class="iot_inbox">
                        <div>
                            |&nbsp;&nbsp;<a href="#">Q8RMAX&nbsp;&nbsp;</a>
                            |&nbsp;&nbsp;<a href="#">Q8K&nbsp;&nbsp;</a>
                            |&nbsp;&nbsp;<a href="#">Q8R&nbsp;&nbsp;</a>
                            |&nbsp;&nbsp;<a href="#">Q8TPRO&nbsp;&nbsp;</a>
                            |&nbsp;&nbsp;<a href="#">Q8L&nbsp;&nbsp;</a>
                            |&nbsp;&nbsp;<a href="#">Q8V&nbsp;&nbsp;</a>
                            |&nbsp;&nbsp;<a href="#">Q7S&nbsp;&nbsp;</a>
                        </div>
                    </div>
                </div>  
            </div>
            <div class="iot_img">
                <img src="img/slide1.jpg" alt="" id="slideimg">                                 
            </div>
            <div class="iot_points">
                <li class="iot_point active" data-index=1></li>
                <li class="iot_point" data-index=2></li>
                <li class="iot_point" data-index=3></li>
                <li class="iot_point" data-index=4></li>
                <li class="iot_point" data-index=5></li>
            </div>
        </div>
            <div class="iot_slide_list">
                <!--轮播图上绝对定位的左菜单-->
                <ul>
                    <li id="chiq">
                        <a href="#"><img src="img/menu1.png" alt=""><span>CHiQ系列</span></a>   
                    </li>
                    <li id="pantv">
                        <a href="#"><img src="img/menu2.png" alt=""><span>平板电视</span></a>   
                    </li>
                    <li id="airpro">
                        <a href="#"><img src="img/menu3.png" alt=""><span>空调产品</span></a>  
                    </li>
                    <li id="water">
                        <a href="#"><img src="img/menu4.png" alt=""><span>水洗产品</span></a> 
                    </li>
                    <li id="life">
                        <a href="#"><img src="img/menu5.png" alt=""><span>生活家电</span></a>  
                    </li>
                    <li id="digital">
                        <a href="#"><img src="img/menu6.png" alt=""><span>数码影音</span></a> 
                    </li>
                    <li id="smart">
                        <a href="#"><img src="img/menu7.png" alt=""><span>智慧家庭</span></a>
                    </li>
                    <li id="tool">
                        <a href="#"><img src="img/menu8.png" alt=""><span>功能箱包</span></a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!--  -->

    <!--中间的图片展示栏-->
    <div class="iot_notice">
        <!--小喇叭-->
        <div class="iot_content">
            &nbsp;&nbsp;<i class="iconfont" style="font-size: x-large;">&#xe610;</i>&nbsp;&nbsp;&nbsp;<span style="font-size: larger;">公告：</span>
        </div>
    </div>
    <div class="iot_middlepart">
        <div class="iot_middle_wrap">
            <div class="iot_middle_left">
                <li class="iot_li1"><a href="#"><i class="iconfont">&#xe988;</i><p>虹创有品</p></a></li>
                <li class="iot_li2"><a href="#"><i class="iconfont">&#xe601;</i><p>新品推荐</p></a></li>
                <li class="iot_li3"><a href="#"><i class="iconfont">&#xe609;</i><p>购物指南</p></a></li>
                <li class="iot_li4"><a href="#"><i class="iconfont">&#xe650;</i><p>电子发票</p></a></li>
            </div>
            <style>
                .iot_middle_left a:hover{
                    color: red;
                }
            </style>
            <div class="iot_middle_right">
                <div class="iot_center_img">
                    <a id="img1" href="#"><img src="img/show1.jpg" alt=""></a>
                </div>
                <div class="iot_center_img">
                    <a id="img2" href="#"><img src="img/show2.jpg" alt=""></a>
                </div>
                <div class="iot_center_img">
                    <a id="img3" href="#"><img src="img/show3.jpg" alt=""></a>
                </div>
            </div>
        </div>
    </div>
    <!---->

    <div class="iot_title">
        <div class="iot_title_wrap">
            <div id="titlt_content">
               <p style="border-left: 8px solid skyblue;font-size: x-large;">&nbsp;&nbsp;&nbsp;&nbsp;空调产品&nbsp;&nbsp;&nbsp;&nbsp;
                <a href="#" style="color: skyblue; font-size: medium;">查看更多</a>
                <style>
                    #titlt_content .iot_right_three{
                        color: #555555;
                        margin-right: 15px;
                        font-size: 14px;
                        float: right;
                    }
                    #target a:hover{
                        color: red;
                    }
                </style>
                <span id="target">
                <a href="#" class="iot_right_three">立柜式</a>
                <a href="#" class="iot_right_three">壁挂式</a>
                <a href="#" class="iot_right_three">CHiQ空调</a>
                </span>
            </p>
            </div>
        </div>
    </div>

    <div class="iot_product">
        <div class="iot_product_wrap">
            <div class="iot_product_left">
                <a href="#"><img src="img/product1.jpg" alt=""></a>
            </div>
            <div class="iot_product_right">
                <ul class="iot_product_list">
                    <li><div id="product1">
                        <a href="#"><img src="img/item1.jpg" alt="">
                            <p>CHiQ 3匹一级能效柜机</p>
                            <h6>听声识人 柔波微风</h6>
                            <h2>￥13999.00</h2></a>
                    </div></li>
                    <li>
                        <div id="product2"><a href="#"><img src="img/item2.jpg" alt="">
                            <p>CHiQ 3匹客餐厅共享空调</p>
                            <h6>远风20米 近柔不吹人</h6>
                            <h2>￥9599.00</h2></a>
                        </div></li>
                    <li>
                        <div id="product3"><a href="#"><img src="img/item3.jpg" alt="">
                            <p>CHiQ 1.5匹 全无尘新风</p>
                            <h6>5A级新风黑科技 多模态立体送风</h6>
                            <h2>￥4999.00</h2></a>
                        </div></li>
                    <li>
                        <div id="product4"><a href="#"><img src="img/item4.jpg" alt="">
                            <p>CHiQ 1.5匹 全无尘空调</p>
                            <h6>仰望系列 语音交互技术</h6>
                            <h2>￥4999.00</h2></a>
                        </div></li>
                    <li class="iot_underfour">
                        <div id="product5"><a href="#"><img src="img/item5.jpg" alt="">
                            <p>CHiQ 3匹巨能省空调</p>
                            <h6>超一级能效 3D双翼环抱风</h6>
                            <h2>￥7999.00</h2></a>
                        </div></li>
                    <li class="iot_underfour">
                        <div id="product6"><a href="#"><img src="img/item6.jpg" alt="">
                            <p>CHiQ 1.5匹全无尘自由风空调</p>
                            <h6>开机关机全无尘 吹天吹地不吹人</h6>
                            <h2>￥3999.00</h2></a>
                        </div></li>
                    <li class="iot_underfour">
                        <div id="product7"><a href="#"><img src="img/item7.jpg" alt="">
                            <p>CHiQ 1.5匹全无尘II代</p>
                            <h6>全无尘健康风</h6>
                            <h2>￥4399.00</h2></a>
                        </div></li>
                    <li class="iot_underfour">
                        <div id="product8"><a href="#"><img src="img/item8.jpg" alt="">
                            <p>CHiQ 1.5匹全无尘智清洁空调</p>
                            <h6>进风口全闭合 三季健康风</h6>
                            <h2>￥3999.00</h2></a>
                        </div></li>
                </ul>
            </div>
        </div>
    </div>
    <!---->

    <!--底部栏-->
    <div class="iot_footer">
        <div class="iot_footer_wrap">
            <div id="topbar">
                <div class="iot_box"><img src="img/footer1.png" alt="">
                    <div class="iot_aside">
                        <h3>物流快线</h3>
                        <h6>及时响应准时送达</h6>
                    </div></div>
                <div class="iot_box"><img src="img/footer2.png" alt="">
                    <div class="iot_aside">
                        <h3>售后网点</h3>
                        <h6>20000余家售后网点</h6>
                    </div></div>
                <div class="iot_box"><img src="img/footer3.png" alt="">
                    <div class="iot_aside">
                        <h3>无忧报修</h3>
                        <h6>7*24小时客服热线</h6>
                    </div></div>
            </div>
            <div id="middleline"><div><hr></div></div>
            <div id="downbar">
                <div id="leftbar">
                    <div id="leftlist">
                        <p>友情链接</p>
                        <ul>
                            <li><a href="#">MEILING美菱</a></li>
                            <li><a href="#">中科美菱</a></li>
                            <li><a href="#">日电科技</a></li>
                            <li><a href="#">爱联科技</a></li>
                        </ul>
                    </div>
                    <div id="rightlist">
                        <p>友情链接</p>
                        <ul>
                          <li><a href="#">腾讯视频.TV端</a></li>
                          <li><a href="#">虹创有品</a></li>
                          <li><a href="#">长虹电子</a></li>
                        </ul>
                    </div>
                </div>
                <div id="centerbar">
                    <div id="cenleft">
                    <p>服务支持</p>
                    <ul>
                        <li><a href="#">产品查询</a></li>
                        <li><a href="#">维修服务</a></li>
                        <li><a href="#">延保服务</a></li>
                        <li><a href="#">下载中心</a></li>
                    </ul>
                    </div>
                    <div id="cenmid">
                        <p>长虹控股集团</p>
                        <ul>
                            <li><a href="#">公司动态</a></li>
                            <li><a href="#">投资者关系</a></li>
                        </ul>
                    </div>
                    <div id="cenright">
                        <p>商务合作</p>
                        <ul>
                            <li><a href="#">经销商登录</a></li>
                            <li><a href="#">供应商登录</a></li>
                            <li><a href="#">服务商登录</a></li>
                            <li id="special"><a href="#" style="color: black;font-size: larger;">购物指南</a></li>
                        </ul>
                        <hr id="xiamian">
                        <style>
                            #special{
                                margin-top: 80px;
                            }
                            #cenright{
                                position: relative;
                            }
                            #xiamian{
                                position: absolute;
                                width: 280px;
                                color: #dddddd;
                                top: 180px;
                                left: -150px;
                            }
                        </style>
                    </div>
                </div>
                <div id="rightbar">
                    <div id="rightleft">
                        <div id="rlwrap">
                        <h3 style="color: red;"><i class="iconfont">&#xe602;</i>&nbsp;&nbsp;在线客服</h3>
                        <h3 style="color: red;"><i class="iconfont" style="font-size: large;">&#xe615;</i>&nbsp;&nbsp;问题反馈</h3>
                        <h4>173-1826-9035</h4>
                        <h4>173-2190-2191</h4>
                        </div>
                    </div>
                    <div id="rightright">
                        <div class="iot_footer_img" >
                            <img src="img/footerimg1.jpg" alt="">
                            <p>官方特卖</p>
                        </div>
                        <div class="iot_footer_img">
                            <img src="img/footerimg2.jpg" alt="">
                            <p>长虹服务</p>
                        </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!---->
    
    <!--最底部黑栏-->
    <div class="iot_bottom_est">
        <div class="iot_wrap_bottem">
            <div id="footlogo">
            <img src="img/footer-logo.png" alt="">
            <p>蜀ICP备09001737号-1 | 营业执照 | © 2024 四川长虹电器股份有限公司 版权所有</p>
            <p>地址：四川省绵阳市高新区绵兴东路35号</p>
            </div>
        </div>
        <div id="footestpart">
            <div id="footestwrap">
                <div><img src="img/footer001.png" alt=""><span>经营性网站备案信息</span></div>
                <div><img src="img/footer002.png" alt=""><span>诚信网站</span></div>
                <div><img src="img/footer003.gif" alt=""><span>工商网监</span></div>
                <div><img src="img/footer004.png" alt=""><span>网上交易保障中心</span></div>
                <div><img src="img/fooer005.png" alt=""><span>可信网站信用评估</span></div>
            </div>
        </div>
    </div>
    <!---->
    <script src="js/dropdown.js"></script>
    <script src="js/aside.js"></script>
</div>
</body>
</html>